<template>
  <view style="width: 373rpx;">
    <img class="w-full" :src="item.poster" mode="widthFix" lazy-load alt="">
    <view class="p-20 pt-10 text-center">
      <view class="text-md truncate">{{item.title}}</view>
      <view class="text-sm text-grey-500 truncate">{{item.desc}}</view>
      <view class="flex justify-center pt-10">
        <view class="flex main-text-color">
          <text class="text-xs self-start">￥</text>{{item.goingPrice}}
        </view>
        <view class="text-xs text-grey-600 line-through self-end ml-10">￥{{item.originalPrice}}</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    item: {
      type: Object,
      default: () => {}
    }
  },
  data() {
   return {
     
   }
  }
}
</script>

<style scoped>
</style>